<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8" />
	<title>元素混合</title>
	<style>
		.container {
			width: 450px;
			height: 600px;
			position: relative;
            background: url('./imgs/3.jpg');
			background-size: cover;
		}


		.inner{
			position: absolute;
			top: 0;

			background-color: white;
			color: black;
			font-size: 130px;
			font-weight: bold;
			width: 100%;
			height: 100%;

    		/* mix-blend-mode: lighten; */

		}

	</style>
</head>

<body>

	<div class="container">
		<div class="inner">IMAGE</div>
	</div>

</body>

</html>
